草庐IT

php - 用php绘制二叉树

全部标签

Javascript 库 - 如何绘制家谱组织图或流程图?

我正在寻找一个简单的Javascript库(svg?),它允许我绘制家谱关系。我在谷歌上搜索了很多,发现了很多有趣的库,比如Raphaël及其扩展Dracula。Google也有自己的库来制作流程图。不幸的是,每个库都用单行在节点之间建立关系。如果A和B与C有关系,我将获得2行:一条从A到C,一条从B到C。我需要的是一条从A到B的线(我们称之为AB)和一条从AB到C的线来代表A和B的婚姻。示例(来源:example-image):谢谢。 最佳答案 我遇到了同样的问题。这是我发现的:http://astuteo.com/slickma

javascript - React 传单绘制 - 缺少标记图标和拖动处理程序

我正在使用Reactleafletdraw来绘制多边形和圆形。但是当我选择编辑多边形时,没有用于移动和调整大小的拖动处理程序。如果有人遇到同样的问题,如何解决?这是代码this.handleAreaSelection(event)}boxZoom={false}ref={map=>{this.map=map}}center={this.props.center}zoom={this.props.zoom}minZoom={this.props.minZoom}maxZoom={this.props.maxZoom}attributionControl={false}doubleClic

javascript - 如何使用 ajax/jquery/php 制作类似 stackoverflow 的投票系统(高效)

我正在尝试使投票后投票类似于堆栈溢出投票赞成票和反对票,现在我使它与(但可行的方法)一起工作,但感觉有些不对劲,希望有人会提出一些建议有用的调整。这是我的jquery代码:varx=$("strong.votes_balance").text();$("input.vote_down").click(function(){$.ajax({type:"POST",url:"http://localhost/questions/vote_down/4",success:function(){$("strong.votes_balance").html((parseInt(x)-parseI

javascript - 在 HTML canvas 上一条接一条地绘制连续的线条

我正在尝试为上述问题编写代码。我试着找到解决办法。这是我目前拥有的。varcanvas=document.getElementById('canvas');varcontext=canvas.getContext('2d');vardrawColorLine=function(start,end,color){vardeltaX,deltaY,i=0,currLength=0,isHor,isVert;deltaX=end[0]-start[0];deltaY=end[1]-start[1];context.strokeStyle=color;isHor=deltaX===0?0:1;

javascript - 将字节转换为图像以在 HTML5 Canvas 上绘制

有人知道我如何将通过websocket(从C#应用程序)发送的字节转换为图像吗?然后我想在Canvas上绘制图像。我可以看到两种方法:以某种方式在Canvas上以字节形式绘制图像而不进行转换它。然后在javascript中以某种方式将字节转换为base64字符串画画。这是我接收绘图字节的函数:functiondraw(imgData){varimg=newImage();img.onload=function(){cxt.drawImage(img,0,0,canvas.width,canvas.height);};//WhatIwasusingbefore...img.src="da

javascript - ChartJs 折线图在悬停时重新绘制故障

我有以下代码利用ChartJS库。/*assumethetagsintherightplace*/varctx=$("#graph1").get(0).getContext("2d");varmyChart=newChart(ctx).Line(graph1Generator("day"));...一切正常,但在添加以下事件处理程序以使用不同数据清除和重新绘制相同图表后,出现故障。weekButton.addEventListener("click",function(){ctx.clearRect(0,0,300,300);ctx.canvas.width=300;ctx.canva

javascript - 在隐藏元素中绘制 OpenLayers 3 map

我正在编写一个页面,您可以在其中查看有关区域和map的详细信息。详细信息在一个选项卡上,map在另一个选项卡上。HTML的相关部分如下,类来自Bootstrap.DetailsMap图block层来自OSM,矢量图层通过提供KML文件的URL加载。它使用OpenLayers3.0.0执行此操作如下:functionShowMap(){vararea=$('#AreaCode').val();$('#map-container').empty();if(area!=null&&area!=''){varkmlUrl='/kml?code='+area;vartile=newol.laye

javascript - 使用谷歌地图绘制不规则同心圆

我有点问题。我正在尝试使用Javascript和GoogleMapsAPIv2执行以下操作:我可以使用在Internet上找到的公式很好地绘制单个圆圈。我面临的问题是圈子必须:一个。保持同心,并且B.每个“象限”必须有不同的半径,即NE、NW、SE和SW我几乎在Internet上搜索了所有我能想到的地方,但没有想出如何做到这一点。显然以前有人这样做过,因此我为什么要在程序员论坛上提问。:)谢谢!更新:我已经使用以下代码绘制出我认为每个点的坐标。对于下图:这是使用以下JS获得的:http://gist.github.com/181290注意:此javascript来自(稍作修改)以下站点

javascript - 是否有用于绘制电路图的 Javascript 库?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我正在寻找一个可以在现代(HTML5)浏览器中绘制电气/电子电路图的开源Javascript库-有这样的东西吗?它应该具有典型的电路元件,如电阻器、电压和电流源、电容器等。在此先感谢您的帮助。

javascript - 如何使用 d3.js 轴功能绘制指数函数 y=ab^x

我正在尝试使用d3.js(javascript)库绘制指数函数(y=ab^x)。我知道如何自己绘制轴。我只需要画出实际线条的魔法。我已经看到了对线性和二次方程的描述,但没有更多的自定义内容。如有任何帮助,我们将不胜感激。 最佳答案 我认为您需要自己构建数据。对于指数函数,您可以生成数据:vardata=[],n=100,a=1,b=2;for(vark=0;k然后,使用标准代码生成折线图,例如,参见http://bl.ocks.org/3883245. 关于javascript-如何使用